<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
    <style>
        table{
            font-size: 15px;
        }
        .bottom{
            width:40%;
            float: left;
            text-align: right;
            margin-right: 5px;
        }
    </style>
</head>
<body>
    <div>
        <h1>Personal Details</h1>
        <form action="">
            <table border="1" width="900">
                <tr>
                    <td>Do you apply for an Inspector Job ?</td>
                    <td></td>
                    <td>
                        <label>
                            <input type="radio" name="radio">yes
                        </label>
                        <label>
                            <input type="radio" name="radio">no
                        </label>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>Last Name *</td>
                    <td><input type="text" required></td>
                    <td>First Name *</td>
                    <td><input type="text" required></td>
                </tr>
                <tr>
                    <td>Sex *</td>
                    <td>
                        <select name="sex" id="">
                            <option value="帅哥" selected>帅哥</option>
                            <option value="美女">美女</option>
                        </select>
                    </td>
                    <td>Telephone</td>
                    <td><input type="tel" required></td>
                </tr>
                <tr>
                    <td>Personal e-mail address *</td>
                    <td><input type="email" name="email" required></td>
                    <td>Mobile phone *</td>
                    <td><input type="tel" required></td>
                </tr>
                <tr>
                    <td>Address *</td>
                    <td colspan="3">
                        <input type="text" style="width: 98.5%;">
                    </td>
                </tr>
                <tr>
                    <td>Country of Residence *</td>
                    <td colspan="3">
                        <input type="text" style="width: 98.5%;">
                    </td>
                </tr>
                <tr>
                    <td>City *</td>
                    <td colspan="3">
                        <input type="text" style="width: 98.5%;">
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="height:8px"></td>
                </tr>
                <tr>
                    <td colspan="4">Professional References</td>
                </tr>
                <tr>
                    <td colspan="4">Reference 1</td>
                </tr>
                <tr>
                    <td>Company Name</td>
                    <td><input type="text"></td>
                    <td>Contact Name</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Address</td>
                    <td><input type="text"></td>
                    <td>E-mail</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>City</td>
                    <td><input type="text"></td>
                    <td>Mobile phone</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Country | Region</td>
                    <td><input type="text"></td>
                    <td>Telephone</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Company activity</td>
                    <td><input type="text"></td>
                    <td>Fax</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td colspan="4">Reference 2</td>
                </tr>
                <tr>
                    <td>Company Name</td>
                    <td><input type="text"></td>
                    <td>Contact Name</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Address</td>
                    <td><input type="text"></td>
                    <td>E-mail</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>City</td>
                    <td><input type="text"></td>
                    <td>Mobile phone</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Country | Region</td>
                    <td><input type="text"></td>
                    <td>Telephone</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>Company activity</td>
                    <td><input type="text"></td>
                    <td>Fax</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td colspan="4">Input here additional comments that you think can better support your application</td>
                </tr>
                <tr>
                    <td colspan="4">
                        <textarea name="" id="" cols="100" rows="3"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="height:10px"></td>
                </tr>
                <tr>
                    <td colspan="4">Please attached here useful files</td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="bottom">
                            Picture
                        </div>
                        <input type="text">
                        <input type="file" >
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="bottom">
                            CV*
                        </div>
                        <input type="text">
                        <input type="button" value="浏览...">
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="bottom">
                            Passport Scan
                        </div>
                        <input type="text">
                        <input type="button" value="浏览...">
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="bottom">
                            Please enter the securlty code
                        </div>
                        <input type="text" style="width:50px">
                        <img src="./验证码.jpg" alt="" width="40px">
                        <input type="button" value="Confirm">
                        <input type="button" value="Cancle">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>